<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
		<title>注册</title>
	</head>
	<link rel="stylesheet" href="font/iconfont.css" />
	<link rel="stylesheet" href="css/css.css" />
	<link rel="stylesheet" href="dist/lib/weui.min.css">
	<link rel="stylesheet" href="dist/css/jquery-weui.min.css">
	<script type="text/javascript" src="dist/lib/jquery-2.1.4.js" ></script>
	<script src="dist/js/jquery-weui.min.js"></script>
	
	<script type="text/javascript">
		//发送短信验证吗
		var countdown = 60;
	
		function sendemail() {
			var obj = $(".tel_code");
			settime(obj);
		}
	
		function settime(obj) { //发送验证码倒计时
			if(countdown == 0) {
				obj.attr('disabled', false);
				//obj.removeattr("disabled"); 
				obj.val("免费获取验证码");
				countdown = 60;
				return;
			} else {
				obj.attr('disabled', true);
				obj.val("重新发送(" + countdown + ")");
				countdown--;
			}
			setTimeout(function() {
				settime(obj)
			}, 1000)
		}
	</script>
<body ontouchstart>	
	<form action="" method="get">
		<div id="register">
			<div class="box">
				<div class="weui-cell login-title">
					欢迎来到补一样
				</div>
				<div class="weui-cell bknone">
					<div class="weui-cell__bd ">
						<input class="weui-input" type="tel" placeholder="请输入手机号">
					</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__bd">
						<input class="weui-input" type="text" placeholder="请输入qq号">
					</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__bd">
						<input class="weui-input" type="email" placeholder="请输入邮箱">
					</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__bd">
						<input class="weui-input" type="password" placeholder="请输入密码">
					</div>
				</div>
				<div class="weui-cell weui-cell_vcode">
					<div class="weui-cell__bd">
						<input class="weui-input" type="text" placeholder="验证码">
					</div>
					<div class="weui-cell__ft">
						<input class="weui-vcode-btn tel_code txt-rt" name="telcode" value="获取验证码" onclick="sendemail()" >
					</div>
				</div>
				<div class="weui-cell weui-cell_vcode">
					<label for="weuiAgree" class="weui-agree">
					    <input id="weuiAgree" type="checkbox" class="weui-agree__checkbox">
					    <span class="weui-agree__text">阅读并同意</span>
					</label>
					<a href="javascript:;" class="open-popup" data-target="#tiaoli">《相关条款》</a>
				</div>
				
				<a href="javascript:;" class="dl-btn">注册</a>
				<p><a class="brk" href="">忘记密码</a><a class="color" href="">已有账号,立即登录</a></p>
			</div>
		</div>
	</form>
	<!--注册相关条款-->
	<!--<form action="" method="get">-->
	<div id="tiaoli" class='weui-popup__container'>
      	<div class="weui-popup__overlay"></div>
	    <div class="weui-popup__modal" style="background-color: #fff;">
	    	<header class="wy-header">
	    		<div class="wy-header-icon-back close-popup">
	    			<a href="javascript:history.back(-1)"><i class="iconfont icon-quxiao"></i></a>
	    		</div>
	    		<div class="wy-header-title">用户协议</div>
	    	</header>
	    	<article style="display: block; padding:15px 0px;font-size: 13px;">
	    		<p >
	    			尊敬的客户，欢迎您注册成为本网站用户。在注册前请您仔细阅读如下服务条款：<span></span>
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			本服务协议双方为本网站与本网站客户，本服务协议具有合同效力。您确认本服务协议后，本服务协议即在您和本网站之间产生法律效力。请您务必在注册之前认真阅读全部服务协议内容，如有任何疑问，可向本网站咨询。 无论您事实上是否在注册之前认真阅读了本服务协议，只要您点击协议正本下方的
	    			<span>"</span>注册<span>"</span>按钮并按照本网站注册程序成功注册为用户，您的行为仍然表示您同意并签署了本服务协议。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			协议细则
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			1、本网站服务条款的确认和接纳
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			本网站各项服务的所有权和运作权归本网站拥有。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			2、用户必须：
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			(1)自行配备上网的所需设备， 包括个人电脑、调制解调器或其他必备上网装置。<span><br />
	    		(2)</span>自行负担个人上网所支付的与此服务有关的电话费用、 网络费用。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			3、用户在本网站交易平台上不得发布下列违法信息：
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			(1)反对宪法所确定的基本原则的；<span><br />
	    		(2)</span>危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；<span><br />
	    		(3)</span>损害国家荣誉和利益的；<span><br />
	    		(4)</span>煽动民族仇恨、民族歧视，破坏民族团结的；<span><br />
	    		(5)</span>破坏国家宗教政策，宣扬邪教和封建迷信的；<span><br />
	    		(6)</span>散布谣言，扰乱社会秩序，破坏社会稳定的；<span><br />
	    		(7)</span>散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；<span><br />
	    		(8)</span>侮辱或者诽谤他人，侵害他人合法权益的；<span><br />
	    		(9)</span>含有法律、行政法规禁止的其他内容的。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			4、有关个人资料
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			用户同意：
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			(1) 提供及时、详尽及准确的个人资料。<span><br />
	    		(2).</span>同意接收来自本网站的信息。<span><br />
	    		(3) </span>不断更新注册资料，符合及时、详尽准确的要求。所有原始键入的资料将引用为注册资料。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			5、电子邮件
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			用户在注册时应当选择稳定性及安全性相对较好的电子邮箱，并且同意接受并阅读本网站发往用户的各类电子邮件。如用户未及时从自己的电子邮箱接受电子邮件或因用户电子邮箱或用户电子邮件接收及阅读程序本身的问题使电子邮件无法正常接收或阅读的，只要本网站成功发送了电子邮件，应当视为用户已经接收到相关的电子邮件。电子邮件在发信服务器上所记录的发出时间视为送达时间。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			6、服务条款的修改
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			本网站有权在必要时修改服务条款，本网站服务条款一旦发生变动，将会在重要页面上提示修改内容。如果不同意所改动的内容，用户可以主动取消获得的本网站信息服务。如果用户继续享用本网站信息服务，则视为接受服务条款的变动。本网站保留随时修改或中断服务而不需通知用户的权利。本网站行使修改或中断服务的权利，不需对用户或第三方负责。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			7、用户的帐号、密码和安全性
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			你一旦注册成功成为用户，你将得到一个密码和帐号。如果你不保管好自己的帐号和密码安全，将负全部责任。另外，每个用户都要对其帐户中的所有活动和事件负全责。你可随时根据指示改变你的密码，也可以结束旧的帐户重开一个新帐户。用户同意若发现任何非法使用用户帐号或安全漏洞的情况，请立即通知本网站。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			8、拒绝提供担保
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			用户明确同意信息服务的使用由用户个人承担风险。本网站不担保服务不会受中断，对服务的及时性，安全性，出错发生都不作担保，但会在能力范围内，避免出错。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			9、有限责任
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			本网站对任何直接、间接、偶然、特殊及继起的损害不负责任，这些损害来自：不正当使用本网站服务，或用户传送的信息不符合规定等。这些行为都有可能导致本网站形象受损，所以本网站事先提出这种损害的可能性，同时会尽量避免这种损害的发生。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			10、信息的储存及限制
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			本网站有判定用户的行为是否符合本网站服务条款的要求和精神的权利，如果用户违背本网站服务条款的规定，本网站有权中断其服务的帐号。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			11、用户管理
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			用户必须遵循：
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			(1) 使用信息服务不作非法用途。<span><br />
	    		(2) </span>不干扰或混乱网络服务。<span><br />
	    		(3) </span>遵守所有使用服务的网络协议、规定、程序和惯例。用户的行为准则是以因特网法规，政策、程序和惯例为根据的。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			12、保障
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			用户同意保障和维护本网站全体成员的利益，负责支付由用户使用超出服务范围引起的律师费用，违反服务条款的损害补偿费用，其它人使用用户的电脑、帐号和其它知识产权的追索费。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			13、结束服务
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			用户或本网站可随时根据实际情况中断一项或多项服务。本网站不需对任何个人或第三方负责而随时中断服务。用户若反对任何服务条款的建议或对后来的条款修改有异议，或对本网站服务不满，用户可以行使如下权利：
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			(1) 不再使用本网站信息服务。<span><br />
	    		(2) </span>通知本网站停止对该用户的服务。
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			结束用户服务后，用户使用本网站服务的权利马上中止。从那时起，用户没有权利，本网站也没有义务传送任何未处理的信息或未完成的服务给用户或第三方。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			14、通告
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			所有发给用户的通告都可通过重要页面的公告或电子邮件或常规的信件传送。服务条款的修改、服务变更、或其它重要事件的通告都会以此形式进行。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			15、信息内容的所有权
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			本网站定义的信息内容包括：文字、软件、声音、相片、录象、图表；在广告中全部内容；本网站为用户提供的其它信息。所有这些内容受版权、商标、标签和其它财产所有权法律的保护。所以，用户只能在本网站和广告商授权下才能使用这些内容，而不能擅自复制、再造这些内容、或创造与内容有关的派生产品。
	    		</p>
	    		<p align="left" style="vertical-align:baseline;">
	    			16、法律
	    		</p>
	    		<p align="left" style="text-indent:24pt;vertical-align:baseline;">
	    			本网站信息服务条款要与中华人民共和国的法律解释一致。用户和本网站一致同意服从本网站所在地有管辖权的法院管辖。
	    		</p>
	    	</article>
	   
	    </div>
    </div>
	<script type="text/javascript" src="dist/lib/fastclick.js"></script>
	<script>
		$(function() {
			FastClick.attach(document.body);
		});
		$('html,body').animate({
			scrollTop: '0px'
		}, 100); //因为页面很长，有纵向滚动条，先让页面滚动到最顶端，然后禁止滑动事件，这样可以使遮罩层锁住整个屏幕  
		$('#login,#register,#password').bind("touchmove", function(e) {
			e.preventDefault();
		});
		
		 $(document).on("open", ".weui-popup-modal", function() {
	        console.log("open popup");
	      }).on("close", ".weui-popup-modal", function() {
	        console.log("close popup");
	      });
	      
	</script>	
</body>
</html>